<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>欢迎注册</title>
    <meta name="viewport" content="width=1000"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/moban.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/xm.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/register.css"/>
</head>

<body>
<div class="wrap">
    <!------------导航栏 S------------------>
    <div class="cus_lead">
        <div class="container">
            <div class="logo fl">
                <a href="../exports/index.html">
                    <img src="../../images/moban/logo_red.png"/>
                </a>
            </div>
            <div class="lead_mid">
                欢迎注册
            </div>
            <div class="login fr">
                已有账户 <a href="login.html">请登录</a>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <!------------导航栏 E------------------>
    <div class="cus_content">
        <form class="content_left fl" action="" method="post">
            <!--用户名-->
            <div class="cus_input">
                <div class="input_kind fl">
                    用户名
                </div>
                <div class="input fl">
                    <input type="text" name="username" placeholder="请输入用户名"/>
                </div>
            </div>
            <div class="cus_msg">
                <div class="alert">支持中文、字母、数字、"-"、"_"的组合,4-20字符</div>
                <div class="error">用户名不合法</div>
                <div class="right">正确</div>
            </div>
            <!--设置密码-->
            <div class="cus_input">
                <div class="input_kind fl">
                    设置密码
                </div>
                <div class="input fl">
                    <input type="password" name="password" placeholder="建议至少使用两种字符组合"/>
                </div>
            </div>
            <div class="cus_msg">
                <div class="alert">建议使用字母、数字和符号两种及以上的组合，6-20个字符</div>
                <div class="error">密码长度为6-20个字符</div>
                <div class="right">正确</div>
            </div>
            <!--确认密码-->
            <div class="cus_input">
                <div class="input_kind fl">
                    确认密码
                </div>
                <div class="input fl">
                    <input type="password" name="password_check" placeholder="请再次输入密码"/>
                </div>
            </div>
            <div class="cus_msg">
                <div class="alert">请再次输入密码</div>
                <div class="error">密码不一致</div>
                <div class="right">正确</div>
            </div>
            <!--手机-->
            <div class="cus_input">
                <div class="input_kind sel fl">
                    <div class="select_area_code" data-role="select">
                        <input type="text" name="area_code" value="中国 0086" readonly/>
                        <input type="hidden" name="area_code_val"/>
                        <i><span class="iconfont icon-xialajiantou"></span></i>
                        <div class="options">
                            <div class="tab">
                                <div class="item selected">热门</div>
                                <div class="item">亚洲</div>
                                <div class="item">美洲</div>
                                <div class="item">欧洲</div>
                                <div class="item">大洋洲</div>
                                <div class="item">非洲</div>
                                <div class="line"></div>
                            </div>
                            <div class="frame">
                                <div class="shade">
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                        <li data-val="1">台湾 0886</li>
                                        <li data-val="2">香港 0852</li>
                                        <li data-val="3">日本 0081</li>
                                        <li data-val="4">韩国 0082</li>
                                        <li data-val="5">马来西亚 0060</li>
                                        <li data-val="6">美国 0001</li>
                                        <li data-val="7">加拿大 0001</li>
                                        <li data-val="8">新加坡 0065</li>
                                        <li data-val="9">澳大利亚 0061</li>
                                        <li data-val="10">新西兰 0064</li>
                                    </ul>
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                        <li data-val="1">台湾 0886</li>
                                        <li data-val="2">香港 0852</li>
                                        <li data-val="3">日本 0081</li>
                                        <li data-val="4">韩国 0082</li>
                                    </ul>
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                        <li data-val="1">台湾 0886</li>
                                        <li data-val="2">香港 0852</li>
                                        <li data-val="3">日本 0081</li>
                                    </ul>
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                        <li data-val="1">台湾 0886</li>
                                        <li data-val="2">香港 0852</li>
                                    </ul>
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                        <li data-val="1">台湾 0886</li>
                                    </ul>
                                    <ul>
                                        <li data-val="0">中国 0086</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="input lit fl">
                    <input type="number" name="phone" placeholder="建议使用常用手机"/>
                </div>
            </div>
            <div class="cus_msg">
                <!--<div class="email_sle fr">-->
                    <!--或 <a>邮箱验证</a>-->
                <!--</div>-->
                <div class="alert">完成验证后，你可以用该手机登录和找回密码</div>
                <div class="error">请输入正确的手机号码</div>
                <div class="right">正确</div>
            </div>
            <!--验证码-->
            <div class="cus_input">
                <div class="input_kind fl">
                    验证码
                </div>
                <div class="input lit fl">
                    <input type="text" name="code" placeholder="请输入右侧验证码"/>
                </div>
                <div class="img_code fl">
                    <img src="../../images/exports/verification_code/8ct4.jpg" data-code="8ct4"/>
                </div>
            </div>
            <div class="cus_msg">
                <div class="alert">看不清？点击图片更换验证码</div>
                <div class="error">验证码错误</div>
                <div class="right">正确</div>
            </div>
            <!--手机验证码-->
            <div class="cus_input">
                <div class="input_kind fl">
                    手机验证码
                </div>
                <div class="input lit fl">
                    <input type="text" name="phone_code" placeholder="请输入手机验证码"/>
                </div>
                <div class="get_code fl">
                    <span></span>获取验证码
                </div>
            </div>
            <div class="cus_msg">
                <div class="alert">请输入手机验证码</div>
                <div class="error">手机验证码错误</div>
                <div class="right">正确</div>
            </div>
            <!--协议-->
            <div class="reg_deal">
                <input type="checkbox" name="" id="check" value="" checked/>
                <label for="check">我已阅读并同意</label>
                <a class="xieyi">《不二定制用户注册协议》</a>
            </div>
            <!--注册按钮-->
            <input class="get_info_btn" type="submit" value="立即注册"/>
        </form>


    </div>
        <div class="content_right fr">
            <!--<div class="reg_note">
                <h3>短信快速注册</h3>
                <div class="text">
                    <p>中国大陆手机用户</p>
                    <p>编辑短信 <span>"不二定制"</span> 发送到</p>
                    <p><span>1078133555002</span></p>
                </div>
            </div>-->
        </div>
    <div class="clear"></div>
    <!-----------底部内容大块 S--------------->
    <div class="cus_bottom">
        <div class="cus_bot_con">
            <div class="cus_bot_con_left fl">
                <img src="../../images/moban/logo_white.png"/>
            </div>
            <div class="cus_bot_con_right fl">
                <div class="cus_bot_con_right_con clearfix">
                    <dl>
                        <dt>新手指南</dt>
                        <dd>
                            <a href="">用户注册</a>
                        </dd>
                        <dd>
                            <a href="">定制流程</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd>
                            <a href="">在线支付</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd>
                            <a href="">配送说明</a>
                        </dd>
                        <dd>
                            <a href="">运费说明</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>
                            <a href="">正品承诺</a>
                        </dd>
                        <dd>
                            <a href="">售后咨询</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>
                            <a href="">联系我们</a>
                        </dd>
                        <dd>
                            <a href="">服务协议</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="clear"></div>
            <div class="cus_bot_con_right_bot">
                <p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
            </div>
        </div>
    </div>
    <!-----------底部内容大块 E--------------->

    <!--遮罩层-->
    <div class="tixian_mask">
        <div class="o5_mask">
            <h1 id="title">不二定制开店协议</h1>
            <span id="xieyichacha">X</span>
            <div class="left">
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
                <p>协议内容为*********************</p>
            </div>
            <button id="xieyi" class="input_btn_shi btn_175">同意并继续</button>
        </div>
    </div>


</div>
<script src="../../js/common/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/xm.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/proJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/CityJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/DistrictJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/trade.js" type="text/javascript" charset="utf-8"></script>

<script src="../../js/prod_rls.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/select.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/register.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>